<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // document  文档对象 (window.document  window可以省略)
    // 每个载入浏览器的 HTML页面 都会成为 Document 对象。
    // 通过文档对象可以访问页面中所有的元素

    // document对象的属性:

    // 了解
    // all [] 提供对文档中所有 HTML 元素的访问。是数组类型 
    // forms[] 返回对文档中所有 Form标签 引用。是数组类型
    // links [] 返回对文档中所有 a 标签引用。是数组类型
    // images [] 返回对文档中所有 img 标签引用。是数组类型
    // scripts [] 返回对文档中所有 script 标签引用。是数组类型
    // URL 返回当前文档的 URL。 
    // bgColor属性：可以改变文档的颜色；（ document.bgColor="gray";）

    // 记忆
    // document.documentElement   // 获取html元素
    // document.body              // 获取body元素
    // document.head              // 获取head元素
    // document.title             // 获取title标签内的文本


    // Document对象的函数(方法)
    //     getElementById() 返回对拥有指定 id 的第一个对象的引用。 
    //     getElementsByName() 返回带有指定名称的对象集合。 
    //     getElementsByTagName() 返回带有指定标签名的对象集合。  
    //     write() 向文档写 HTML 表达式 或 JavaScript 代码。



    // console.log(document);
    // console.dir(document);  // 以键值对形式, 打印对象的属性


    document.bgColor = "red";



</script>
</html>